<!DOCTYPE html>
<html lang="en">


<script src="js/jquery-1.12.4.js"></script>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <!-- Meta, title, CSS, favicons, etc. -->
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>个人信息修改</title>

  <!-- Bootstrap -->
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <!-- Font Awesome -->
  <link href="css/font-awesome.min.css" rel="stylesheet">
  <!-- NProgress -->
  <!--<link href="css/nprogress.css" rel="stylesheet">-->

  <!-- Custom Theme Style -->
  <link href="css/custom.min.css" rel="stylesheet">
</head>

<body class="nav-md">
<div class="container body">
  <div class="main_container">
    <div id="head">
    </div>

    <!-- page content -->
    <div class="right_col" role="main">
      <div class="">
        <div class="row">
          <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="x_panel">
              <div class="x_content">
                <!-- 为ECharts准备一个具备大小（宽高）的Dom -->


                <div class="m_des">
                  <table border="0" style="width:870px; line-height:22px;" cellspacing="0" cellpadding="0">
                    <tr valign="top">
                      <td width="115"><img src="images/user.png" width="90" height="90"/></td>
                      <td>
                        <div class="m_user">用户名：张三</div>
                      </td>
                    </tr>
                  </table>
                </div>
                <form action="" method="post">
                  <div class="mem_t">《账号信息》</div>
                  <table border="0" class="mon_tab" style="width:870px; margin-bottom:20px;" cellspacing="0"
                         cellpadding="0">
                    <tr>
                      <!--用户排名：用户id-->
                      
                      <!--<c:if test="${userList.type ==1}">-->

                      <!--<td>用户类型：<span style="color:#555555;">管理员</span></td>-->
                      <!--</c:if>-->
                      <!--<c:if test="${userList.type ==0}">-->

                      <!--</c:if>-->
                      <td><span style="display: inline-block;box-sizing:border-box;width: 65px">
                            用户类型：</span>
                        <span style="color:#555555;">普通用户</span>
                      </td>
                    </tr>
                    <tr>
                      <td><span style="display: inline-block;box-sizing:border-box;width: 65px">
                            电&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;话：</span>
                        <input type="text" id="phone" name="phone">
                      </td>
                      <td><span style="display: inline-block;box-sizing:border-box;width: 65px">
                        邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱：</span>
                        <input id="email" type="text" name="email" placeholder="234545323@qq.com" MAXLENGTH="20"
                        pattern="[a-zA-Z0-9]{1,13}@[a-zA-Z0-9]{1,3}\.[a-zA-Z0-9]{1,4}$"/>
                      </td>
                    </tr>
                    <tr>
                      <td><span style="display: inline-block;box-sizing:border-box;width: 65px">
                            身份证号：</span>
                        <input type="text" name="idCard" id="idCard" placeholder="" MAXLENGTH="18"/>
                      </td>
                      <td ><span style="display: inline-block;box-sizing:border-box;width: 65px">
                            真实姓名：</span>
                        <input MAXLENGTH="15" type="text" id="userName" name="userName"/>
                      </td>

                    </tr>
                    <tr >
                      <td><span style="display: inline-block;box-sizing:border-box;width: 65px">
                            地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址：</span>
                        <input type="text" name="address" id="address" placeholder="" MAXLENGTH="16"
                        /></td>
                      <td><span style="display: inline-block;box-sizing:border-box;width: 65px;float: left">
                            更换图像：</span>
                        <input style="float: left" type="file" name="userImg" id="userImg"
                        /></td>
                    </tr>
                    <tr>
                      <td>
                        <input type="hidden" value="flag" name="flag"/>
                        <input type="submit" value="保存"/>
                   		  <input type="button" value="返回" onclick="window.history.back(-1)"/></td>
                    </tr>

                  </table>
                </form>

              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- /page content -->

    <!-- footer content -->
    <footer>

      <div class="clearfix"></div>
    </footer>
    <!-- /footer content -->
  </div>
</div>

<!-- jQuery -->
<script src="js/jquery.min.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- FastClick -->
<script src="js/fastclick.js"></script>
<!-- NProgress -->
<!--<script src="js/nprogress.js"></script>-->
<!-- validator -->
<script src="js/validator.js"></script>

<!-- Custom Theme Scripts -->
<script src="js/custom.min.js"></script>

<!-- validator -->
<script>
  // initialize the validator function
  validator.message.date = 'not a real date';

  // validate a field on "blur" event, a 'select' on 'change' event & a '.reuired' classed multifield on 'keyup':
  $('form')
    .on('blur', 'input[required], input.optional, select.required', validator.checkField)
    .on('change', 'select.required', validator.checkField)
    .on('keypress', 'input[required][pattern]', validator.keypress);

  $('.multi.required').on('keyup blur', 'input', function () {
    validator.checkField.apply($(this).siblings().last()[0]);
  });

  $('form').submit(function (e) {
    e.preventDefault();
    var submit = true;

    // evaluate the form using generic validaing
    if (!validator.checkAll($(this))) {
      submit = false;
    }

    if (submit)
      this.submit();

    return false;
  });
</script>
<!-- /validator -->

<!-- jQuery Smart Wizard -->
<script>
  $(document).ready(function () {
    $("#head").load("head.html");
//					$('#wizard').smartWizard();

//					$('#wizard_verticle').smartWizard({
//						transitionEffect: 'slide'
//					});

    $('.buttonNext').addClass('btn btn-success');
    $('.buttonPrevious').addClass('btn btn-primary');
    $('.buttonFinish').addClass('btn btn-default');
  });
</script>
<!-- /jQuery Smart Wizard -->
</body>
</html>
